<template>
	<view class="otherMessage">
		<view class="dataList">
			<view class="dataList_title">
				<text>其他信息</text>
			</view>
			<view class="technicianList" >
				<view class="flexjsbac technicianName">
					<text>订单编号</text>
					<text>{{ orderDetail.id || '' }}</text>
				</view>
				<view class="flexjsbac technicianName">
					<text>创建时间</text>
					<text>{{ orderDetail.createTime || '' }}</text>
				</view>
				<view class="flexjsbac technicianName">
					<text>付款时间</text>
					<text>{{ orderDetail.paymentTime || '' }}</text>
				</view>
				<view class="flexjsbac technicianName">
					<text>支付方式</text>
					<text>{{ payTypeConfig[orderDetail.paymentType] || '' }}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'OtherMessage',
		data() {
			return {
				payTypeConfig: {
					1: '微信',
					2: '支付宝',
					3: '现金',
					4: '银行卡',
					5: '店铺储值卡',
					6: '其他'
				}
			}
		},
		props: {
			orderDetail: {
				type: Object,
				default: {}
			}
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.otherMessage {
		margin: 30rpx;
		.dataList {
			margin-bottom: 30rpx;
			background: #fff;
			border-radius:17rpx;
			.dataList_title {
				font-size: 32rpx;
				font-weight: 600;
				color: #333333;
				border-bottom: 1px solid #E6E6E6;
				padding: 24rpx;
			}
			.technicianList {
				padding: 24rpx;
				view {
					height: 67rpx;
					opacity: 1;
					border-bottom: 1rpx solid #E6E6E6;
					font-size: 30rpx;
					font-weight: 500;
					color: #666666;
					text-align: left;
					vertical-align: top;
					.additional {
						font-size: 28rpx;
						font-weight: 400;
						color: #666666;
						margin-left: 10rpx;
					}
					&:last-child {
						border-bottom: none;
					}
				}
			}
		}
	}
	
</style>